<template>
 	<view>
 		<view class="navBarBox">	
 			<view class="statusBar" :style="{ paddingTop: statusBarHeight + 'px' }"></view>
 			<view class="navBar">
 				<view class="goback">
					<view @click="goBack" class="goicon" style="background:url(../../../static/goback.png);background-size:contain;background-repeat: no-repeat;">
					</view>
 				</view>
 				<view class="title">绑定管理员</view>
 				<view class="right">
 						
 				</view>
 			</view>
 		</view>
		<view class="black-strip"></view>
 		<view class="region1">
 			<view class="">管理员信息</view>
 			<view class="information">
 				<view class="na">学校名称</view>
 				<view class="val">{{Data.organName}}</view>
 			</view>
 			<view class="information">
 				<view class="na">管理员姓名</view>
 				<view class="val">{{Data.teacherName}}</view>
 			</view>
 			<view class="information">
 				<view class="na">联系电话</view>
 				<view class="val">{{Data.mobile}}</view>
 			</view>
 			<view class="information">
 				<view class="na">学历</view>
 				<view class="val">{{Data.eduBackground}}</view>
 			</view>
 			<view class="information">
 				<view class="na">教师等级</view>
 				<view class="val">{{Data.position}}</view>
 			</view>
			<view class="information">
				<view class="na">教师规模</view>
				<image class="img" :src="Data.image"></image>
			</view>
			
 		</view>
 		<button  @click="goSchMain" class="ok" hover-class="button-hover">确认绑定</button>
 	</view>
 </template>
 
 <script>
 	export default {
 		data() {
 			return {
				Data:null,
 				// "schoolName":'吉泰小学',
 				// "name":'周大花',
 				// "sex":'男',
 				// "tel":17716471436,
 				// "education":'硕士',
 				// "title":'高级教师',
 				// 状态栏高度
 				statusBarHeight: 0,
 				// 导航栏高度
 				navBarHeight: 82 + 11,
 			}
 		},
 		//第一次加载时调用
 		created() {
 			//获取手机状态栏高度
 			this.statusBarHeight = uni.getSystemInfoSync()['statusBarHeight'];
			this.Data=uni.getStorageSync('schAdminConfirmData')
 		},
 		methods: {
 			goBack(){
 				// 此处是写返回页面的方法、
 										
 				uni.navigateBack({
 				delta: 1//返回只上一级页面
 				});
 			},
			//确认绑定后进入学校管理员主页
			goSchMain(){
				uni.navigateTo({
					url:'../../manageSchool'
				})
				}
 		}
 	}
 </script>
 
 <style scoped>
 	.navBarBox .navBar {
 			padding: 3rpx 50rpx;
 			padding-bottom: 8rpx;
 			display: flex;
 			justify-content: space-between;
 	
 			line-height: 93rpx;
 			font-size: 40rpx;
 		}
 	.black-strip {
 		height: 20rpx;
 		background-color: #fafafa;
 	}
 		.goback {
 			flex: 1;
 			height: 100%;
 		}
 		.goicon{
 			width: 30rpx;
 			height: 30rpx;
 			background-color: #00BEA9;
 			margin-top: 30rpx;
 		}
 		.title {
 			flex: 1;
 			height: 100%;
 			
 		}
 		.right{
 			flex: 1;
 		}
 	.region1{
 		margin-top: 60rpx;
 		margin-left: 24rpx;
 		/* background-color: #fff; */
 	}
 	.information{
 		margin-top: 74rpx;
 		margin-left: 74rpx;
 	}
 	.na{
 		width: 210rpx;
 		color: #C8C7CC; 
 		float: left;
 	}
 	.ok{
 		 margin-top: 80rpx;
 		 margin-bottom: 50rpx;
 		 width: 230rpx;
 		 height: 70rpx;
 		 line-height: 70rpx;
 		 font-size: 30rpx;
 		 color: #fff;
 		 background-color:#2FB3FE;
 	 }
 	 .button-hover {
 	 	color: #fff;
 	 	background-color: #118ace;
 	}
	.img{
		width: 184rpx;
		height: 184rpx;
	}
 </style>
 
 